<template>
  <van-tabbar route>
    <van-tabbar-item to="/" icon="home-o">首页</van-tabbar-item>
    <van-tabbar-item to="/question" icon="search">问答</van-tabbar-item>
    <van-tabbar-item to="/video" icon="friends-o">视频</van-tabbar-item>
    <van-tabbar-item to="/user" icon="setting-o">我的</van-tabbar-item>
  </van-tabbar>
</template>
<script>
export default {
  name: 'GeekTabbar'
}
</script>
<style scoped lang="less">
.van-tabbar {
  background: #f7f8fa;
  position: static;
}
/deep/ .van-tabbar-item--active {
  color: #fc6627;
  background-color: #f7f8fa;
}
/deep/ .van-tabbar-item__icon {
  font-size: 20px;
}
/deep/ .van-tabbar-item__text {
  font-size: 10px;
}
.van-tabbar {
  background: '@geek-gray-color';
  position: static;
}
/deep/ .van-tabbar-item--active {
  color: '@geek-color';
  background-color: '@geek-gray-color';
}
</style>
